<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>一米零兽|酒店新零售-投资创业新蓝海-合伙人招募中</title>
    <meta name="keywords" content="一米零兽,酒店贩卖机,酒店零售机,客房贩卖机,客房零售机,新零售加盟,自动贩卖机加盟,创业项目,副业计划,投资项目" />
    <meta name="description"
        content="一米零兽智能酒店客房贩卖机，集线下终端零售+广告推送+线上商城等功能 于一体，依托物联网技术和AI屏幕广告，打造全新的智能新零售平台和信息传播平台。一米零兽以全新的商业模式，服务用户、赋能酒店、链接商家，实现多方共赢。" />
    <!-- 百度SEO -->
    <meta name="baidu-site-verification" content="88FK1pqFWf" />
    <!-- 360站长平台SEO -->
    <meta name="360-site-verification" content="fbbf3536be938b35b47a150d9d488c3b" />
    <!-- 搜狗平台SEO -->
    <meta name="sogou_site_verification" content="Y4iveC13d1"/>
    <!-- 神马SEO -->
    <meta name="shenma-site-verification" content="237867cc9814161820696a4d708dd0a8_1568012196"> 
    <link rel="icon" href="favicon.ico">
    <!-- 公共资源引用 -->
    <script src="js/jquery.min.js"></script>
    <script src="js/vue.min.js"></script>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <script src="js/swiper.jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.js"></script>
    <!-- 公共资源引用 结束 -->
    <!-- 独立资源引用 -->
    <link rel="stylesheet" href="css/home.css">
</head>

<body>
    <div id="app">
        <!-- 公共头部 -->
        <div class="navTop">
            <img src="img/logo_top.png" alt class="logo" />
            <div class="tabs_top">
                <a href="index.html"><span class="tab_top active">一米零兽</span></a>
                <a href="partner.html"><span class="tab_top">合作加盟</span></a>
                <a href="advertisement.html"><span class="tab_top">广告招商</span></a>
                <a href="business.html"><span class="tab_top">商家入驻</span></a>
                <a href="/pc/content"> <span class="tab_top">新闻中心</span></a>
                <a href="aboutus.html"> <span class="tab_top" id="lastTab_top">关于我们</span></a>
            </div>
        </div>
        <!-- 公共头部 结束 -->
        <!-- 首页 主体内容 -->
        <div class="home">
            <!-- 顶部banner图 -->
            <!-- 轮播 -->
            <img src="img/top_bg.png" alt class="topBgImg" />
            <div class="swiper-container-top">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" v-for="item in swiper_items" :key="item.index">
                        <img :src="item.img" alt class="swiper-item" />
                    </div>
                </div>
            </div>
            <!-- what can I 艺术字 -->
            <img src="img/what_can_i.png" alt class="what_can_i" />
            <div class="centerBg center_bg_1" alt></div>
            <div class="centerBg center_bg_2" alt></div>
            <p class="what_can_i_txt">我们能为你提供什么</p>
            <!-- 介绍卡片 -->
            <ul class="offerCard_box">
                <li v-for="(item,index) in offerCard" class="offerCard" :key="index">
                    <div class="offcaimg_border">
                        <img :src="item.img" alt class="offerCard_img" />
                    </div>
                    <p class="offerCard_title">{{item.title}}</p>
                    <p class="offerCard_desc">{{item.desc}}</p>
                </li>
            </ul>
            <!-- 介绍卡片 end -->
            <!-- 轮播 -->
            <div class="swiperBox">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" v-for="item in swiper_items" :key="item.index">
                            <img :src="item.img" alt class="swiper-item" />
                        </div>
                    </div>
                </div>
                <div class="swiperDesc">
                    <p class="swiperDesc_title">一米零兽</p>
                    <span class="swiperDesc_title_circle"></span>
                    <p class="swiperDesc_title_line">酒店客房智能零售广告机</p>
                    <p class="swiperDesc_title_desc_1">外观尺寸55.5*52.5*17CM</p>
                    <p class="swiperDesc_title_desc_2">颜色可定制，ABS防火阻燃!</p>
                    <ul class="swiper_circle_box">
                        <li :class="index==swiperRealIndex?'swiper_circle swiper_active':'swiper_circle'"
                            v-for="(item,index) in swiper_items" :key="index" @click="changeSwiper(index)"></li>
                    </ul>
                </div>
            </div>
            <!-- 轮播 end -->
            <!-- 三部走 -->
            <div class="threeStep_Box">
                <p class="threeStep_title">3步走，一米就购了</p>
                <div class="stepBox" data-wow-delay="0.5s">
                    <img src="img/step_1.png" alt class="stepBox_img" />
                    <span class="stepBox_txt">手机微信扫描机身二维码</span>
                </div>
                <img src="img/stepTo.png" alt class="stepArrow" />
                <div class="stepBox" data-wow-delay="1s">
                    <img src="img/step_2.png" alt class="stepBox_img" />
                    <span class="stepBox_txt">选择商品 微信支付</span>
                </div>
                <img src="img/stepTo.png" alt class="stepArrow" />
                <div class="stepBox" data-wow-delay="1.5s">
                    <img src="img/step_3.png" alt class="stepBox_img" />
                    <span class="stepBox_txt">柜门打开 取走商品</span>
                </div>
            </div>
            <!-- 三步走 end -->
            <!-- 吃喝玩乐 -->
            <div class="bottomBox">
                <img src="img/bottom_bg.png" alt class="bottomBox_img" />
                <div class="bottomBoxDesc">
                    <p class="bottomBoxDesc_title">吃喝用，应有尽有~</p>
                    <span class="bottomBoxDesc_title_circle"></span>
                    <p class="bottomBoxDesc_title_desc_1">酒水饮料 方便食品 计生用品 情趣用品 差旅用品</p>
                    <p class="bottomBoxDesc_title_desc_2">
                        一米零兽占地不足一平方米，涵盖了80%的商品种类，
                        九宫格多样化选择，更包括“不可描述”的情趣用品，
                        能给顾客方便、快捷、私密的购物体验。
                    </p>
                </div>
            </div>
        </div>
        <!-- 首页 主体内容 结束 -->
        <!-- 公共底部 -->
        <div class="footer">
            <img src="img/new/footer_bg.png" alt class="footer_img" />
            <img src="img/logo.png" alt class="footer_logo" />
            <div class="footer_p">
                <p>邮箱: fengke@yimils.com</p>
                <p>公司: 重庆万物智联科技有限公司</p>
                <p>​地址: 重庆市渝北区回兴重庆创意公园12栋2单元2A-1</p>
                <p>
                    Copyright © 2019 ICP备案:
                    <a href="http://www.beian.miit.gov.cn">渝ICP备19010280号-2</a>
                </p>
            </div>
            <span class="footer_tel" style="width:485px;display:block;text-align:center;margin-top:-35px;font-size: 24px;font-weight: 400;">全国招商加盟热线</span>
            <span class="footer_tel" style="width:485px;display:block;text-align:center;font-size: 24px;font-weight: 400;">023-68823841 (9:00-18:00)</span>
            <span class="footer_tel" style="width:485px;display:block;text-align:center;margin-top:35px;font-size: 24px;font-weight: 400;">4001-188-288 (0:00-24:00)</span>
            <div class="footer_erm erm1">
                <p>
                    <img src="https://yimilsgoodspic.oss-cn-hangzhou.aliyuncs.com/yims_pc/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%8F%B7.jpg"
                        alt class="footer_erm_img" />
                </p>
                <p>
                    <span class="footer_erm_txt">微信服务号</span>
                </p>
            </div>
            <div class="footer_erm erm2">
                <p>
                    <img src="https://yimilsgoodspic.oss-cn-hangzhou.aliyuncs.com/yims_pc/%E5%BE%AE%E4%BF%A1%E6%9C%8D%E5%8A%A1%E5%8F%B7.jpg"
                        alt class="footer_erm_img" />
                </p>
                <p>
                    <span class="footer_erm_txt">微信公众号</span>
                </p>
            </div>
        </div>
        <div class="backTop" @click="backTop">
            <img src="img/backTop.png" alt class="backTopImg" />
        </div>
        <!-- 公共底部结束 -->
    </div>
    <!-- 引入全局公共js -->
    <script src="js/main.js"></script>
    <!-- 页面独立js部分 -->
    <script>
        $(function () {
            vm.initSwiper();
            vm.initSwiper_top();
        })
    </script>
    <script>
        //这个是百度商桥接入代码
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?47f24e5bb2939dbd669062247b598bfd";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <div style="display: none">
        <script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1278071894&web_id=1278071894"></script>
    </div>
</body>

</html>